import { createApp } from 'vue'
import App from './App.vue'
// 引入store
import store from "./store/vuex";
import router from './router'
import './style.css'
// 导入getRoutes
import  getRoutes  from "./grants/router";

const app = createApp(App)
// 第一种方法
// 解决刷新页面消失
// 如果sessionStorage里面获取到了权限，我们才调用getRoutes(),否则不会执行
// if(sessionStorage.getItem("grants")){
//     getRoutes()   //但是这种会有一个缺陷getRoutes()会调用两次，一次在页面登录上会执行，另一次会在刷新页面会执行，我们的想法是只执行一次
// }
// 第二种方法
// 所以用vuex来解决，
// 先下在npm i vuex@4
// 新建一个store文件夹
app.use(store)   //挂载store
if(sessionStorage.getItem("grants")){
    getRoutes()
    store.commit({
        type:"setisAddRoute",   //setisAddRoute就是mutations里面定义的函数名
        isAddRoute:true    //isAddRoute就是state里面的属性
    })
}
// 接下来去index.vue里
app.use(router)

app.mount('#app')